<template>
  <div class="container">
    <el-button icon="Setting" type="primary" plain @click="drawer = true"></el-button>
    <el-drawer class="drawer-list" v-model="drawer" title="系统设置" size="15%">
      <div class="drawer-item">
        <span>logo显示|隐藏</span>
        <el-switch v-model="dataStore.toggleStore"></el-switch>
      </div>
    </el-drawer>
  </div>
</template>
<script setup>
import {ref} from 'vue'
import {useDataStore} from "@/stores/dataStore"

const dataStore = useDataStore()
//抽屉开关
const drawer = ref(false)
</script>
<style scoped lang="scss">
.container {
  position: fixed;
  right: 0;
  top: 300px;
  z-index: 100;
}

.drawer-list {
  .drawer-item {
    span {
      margin-left: 10px;
      margin-right: 30px;
    }
  }
}
</style>
